//创建路由器并且暴露
//引入 createRouter
import {createRouter,createWebHistory,createWebHashHistory} from "vue-router";
//引入需要呈现的组件
import Home from "@/views/Home.vue";
import News from "@/views/News.vue";
import About from "@/views/About.vue";
import Detail from "@/views/Detail.vue";
//createWebHashHistory的URl会附带#
//创建路由器指定路由设计路由工作模式
const  router=createRouter({
    history:createWebHistory(),//路由器的工作模式
    routes:[{
        name:'zhuye',
        path:'/home',
        component:Home
    },{
        name:'guanyu',
        path:'/about',
        component:About
    },{
        name:'xinwen',
        path:'/news',
        component:News,
        children:[
        {   name:'ll',
            path:'detail', //路径+:传参
        component:Detail,
            //第一种写法:只能是param 将路由收到的所有params参数作为props传给路由组件
            // props:true
            //第二种函数写法:可以自己决定将什么作为props给路由组件 query
            props(route){
            return route.query
            }
            //第三种写法:可以自己决定将什么作为props给路由组件
/*          固定传值{{a,b,c}}
            props:{
            a:100,
                b:200,
                c:300
            }*/
        }],
    },{
        //重定向
        path:'/',
        redirect:'/home'
    }
    ]
})
//暴露
export  default router